@media only screen and (max-width:1792px){

    /*1792px*/
    .inner1680{width:93.75%;}

    /*1792px*/
    #hmpic .info{margin-left:-46.875%;}

    /*1792px*/
    #hmSol .pic{padding:1.86428638rem 0 1.07142895rem;}
    #hmSol .dot{width:0.11785718rem;padding:0.06428574rem;}
    #hmSol .td{padding:0.15000005rem 0.23571437rem;}
    #hmSol h4{font-size:0.23571437rem;}
    #hmSol li span{padding-left:0.16071434rem;}
    #hmSol li span:before{width:0.05357145rem;height:0.05357145rem;}
    #hmSol .intro{font-size:0.17142863rem;margin-top:0.1071429rem;}
    #hmSol .item1{width:3.42857265rem;}
    #hmSol .item2{width:2.03571501rem;}
    #hmSol .item3{width:2.2500008rem;}
    #hmSol .item4{width:2.03571501rem;}
    #hmSol .item5{width:3.32142976rem;}

    /*1792px*/
    #cultureInfo{width:104%;}
    #cultureInfo .item{width:29.333%;padding-right:4%;padding-bottom:4%;}
    #cultureInfo .info{padding:0 5%;}
}
@media only screen and (max-width:1591px){

    /*1591px*/
    #footer .info{padding-left:8%;}
}
@media only screen and (max-width:1493px){

    /*1493px*/
    .inner{width:93.75%;}

    /*1493px*/
    #footer .info{padding-left:5%;}

    /*1493px*/
    .slick-dots li{margin:0 0.19290024rem;}
    .slick-dots button{width:0.23148029rem;height:0.23148029rem;}

    /*1493px*/
    #pgTitle h2{font-size:32px;}

    /*1493px*/
    .jobSearch .inpItem{width:22.77294039%;margin:0 1.33958473%;}
    .jobSearch .input{padding-left:14.70588235%;background-position:7.35294118% center;}
    .jobSearch .placeholder{font-size:0.23148029rem;}
    .jobSearch .placeholder i{padding-left:14.70588235%;}
    .jobSearch .inpText{font-size:0.23148029rem;height:0.36008045rem;line-height:0.36008045rem;padding-top:3.47222222%;padding-bottom:3.47222222%;}
    .jobSearch .btn{width:9.3770931%;margin:3.34896182% auto 0;}
    .jobSearch .submit{width:100%;height:0.64300081rem;font-size:0.23148029rem;}

    /*1493px*/
    .jobStyle .btn{margin:0 1.33958473%;}

    /*1493px*/
    #popup .box{width:80.37508372%;}
    #popup .close{border-width:1.41460178rem;}
    #popup .close i{width:0.34722044rem;height:0.34722044rem;right:0.25720032rem;top:-1.13168142rem;}
    #popup h2{font-size:0.38580048rem;}

    /*1493px*/
    .abouTitle h2{font-size:0.43724055rem;}

    /*1493px*/
    #cultureInfo{width:103%;}
    #cultureInfo .item{width:30.333%;padding-right:3%;padding-bottom:3%;}
    #cultureInfo .info{padding-right:0; padding-left:4%;}

    /*1493px*/
    #cultureTab h2{font-size:0.28292036rem;}

    /*1493px*/
    #advText{margin-bottom:5%;}
    #advText h3{font-size:22px;}

    /*1493px*/
    .hmIntro{font-size:0.28292036rem;}

    /*1792px*/
    #style h3{font-size:0.23148029rem;}
}
@media only screen and (max-width:1440px){
#chip .chip_tu li .text{ max-width: 225px;}
#chip .chip_tu li .text h4{ font-size:22px; line-height:40px;}
#chip .chip_tu li .text .wenzi{ font-size:16px; line-height:30px;}
#chip .chip_tu li:nth-child(11) .text .line{ max-width:55%;}

#chip .chip_Introd .title{font-size: 22px; line-height: 35px;}
#chip .chip_Introd h4{ font-size:36px; line-height:25px;}
#chip .chip_Introd h4 span{ padding:20px 0;}
#chip .chip_Introd .wenAn{ font-size: 16px; padding-top:20px;}


}
@media only screen and (max-width:1280px){

    /*1280px*/
    #logo a{width:100px;height:52px;}

    /*1280px*/
    #topBtn{padding-top:31px;padding-bottom:31px;}

    /*1280px*/
    #nav{margin-left:100px;}
    #nav li{padding:31px 2.5%;}

    /*1280px*/
    #cityMap{padding-bottom:41.667%;}

    /*1280px*/
    #footer .btm{display:block;}

    /*1280px*/
    #follow{width:110px;}
    #follow .logo{margin-bottom:20%;}
    #follow .qrcode{margin-bottom:5%;}
    #follow .text{font-size:14px;}

    /*1280px*/
    #pagelist{margin-bottom:30px;}

    /*1280px*/
    #links{display:block;margin-bottom:30px;}
    #links li{padding-left:5%;}

    /*1280px*/
    #copyright{display:block;width:auto;text-align:left;padding-left:0;}

    /*1280px*/
    #pgTitle h2{font-size:28px;}

    /*1280px*/
    .jobSearch .input{border-radius:21px;}
    .jobSearch .placeholder{font-size:16px;}
    .jobSearch .inpText{font-size:16px;height:24px;line-height:24px;padding-top:8px;padding-bottom:8px;}
    .jobSearch .submit{font-size:16px;border-radius:21px;height:42px;}

    /*1280px*/
    #jobTop{font-size:16px;}

    /*1280px*/
    #popup h2{font-size:26px;}

    /*1280px*/
    #jobApply label{font-size:16px;line-height:44px;}
    #jobApply .input{border-radius:22px;}
    #jobApply .text{font-size:16px;padding-top:6px;padding-bottom:6px;}
    #jobApply .upload a{height:44px;line-height:44px;}
    #jobApply .submit{font-size:16px;height:42px;border-radius:21px;width:200px;}

    /*1280px*/
    #newsDate .date{font-size:18px;}
    #newsDate .current .date i{font-size:0.50999975rem;}

    /*1280px*/
    .istop h2{font-size:22px;}

    /*1280px*/
    .newsItem .date{width:1.22999939rem;padding:0.14999993rem 0 0.22499989rem;}
    .newsItem .date .day{font-size:0.5999997rem;}
    .newsItem h2{font-size:16px;}

    /*1280px*/
    #cultureTop .icon{width:50px;}
    #cultureTop .info{/*padding-left:4.865%;*/}
    #cultureTop h3{font-size:18px;margin-bottom:10px;}

    /*1280px*/
    #cultureTab .left{width:57px;}
    #cultureTab h2{font-size:18px;}

    /*1280px*/
    #cultureInfo h3{font-size:20px;}
    #cultureInfo .info{padding-right:4%;}

    /*1280px*/
    #advText h3{font-size:20px;}

    /*1280px*/
    #hmpic .btn a{height:36px;line-height:36px;font-size:14px;width:130px;}

    /*1280px*/
    .hmTitle{font-size:28px;}

    /*1280px*/
    .hmIntro{font-size:20px;}

    /*1280px*/
    #hmNews .date{width:1.22999939rem;padding:0.14999993rem 0 0.22499989rem;}
    #hmNews .date .day{font-size:0.5999997rem;}
    #hmNews h4{font-size:20px;}
    #hmNews .excerpt{font-size:16px;}
    #hmNews .more{font-size:14px;}
    #hmNews .more i{background-size:auto 11px;padding-right:15px;}

    /*1280px*/
    .hmMore a{height:42px;line-height:43px;width:168px;}

    /*1280px*/
    #hmSol .pic{width:60%;padding:2.17499891rem 0 1.42499929rem;}
    #hmSol h4{font-size:0.26999987rem;}
    #hmSol li span{padding-left:0.14999993rem;}
    #hmSol li span:before{width:0.04499998rem;height:0.04499998rem;}
    #hmSol .intro{font-size:0.2099999rem;}
    #hmSol .item1{width:3.97499801rem;left:0;}
    #hmSol .item1 .line{width:112%;padding-bottom:77%;}
    #hmSol .item2{width:2.32499884rem;}
    #hmSol .item2 .line{padding-bottom:100%;}
    #hmSol .item3{width:2.47499876rem;}
    #hmSol .item4{width:2.3999988rem;}
    #hmSol .item4 .line{width:140%;margin-left:-46%;padding-bottom:213.5%;}
    #hmSol .item5{width:3.89999805rem;}
    #hmSol .item5 .dot{top:1%;}

    /*1280px*/
    #style h3{font-size:0.23999988rem;}

    /*1280px*/
    #styleTab span{font-size:16px;background-size:27px auto;line-height:27px;padding-left:40px;}
    #styleTab span:after{height:22px;}

    /* #styleTab span:hover,
    #styleTab .cur {
      background-position: 0 -27px;
    } */
    {

    }
    @media only screen and (max-width:1200px){
     /*768px*/
        #logo{padding:13px 0;}
        #logo a{width:77px;height:40px;}

        /*768px*/
        #topBtn{padding:16.5px 0;}
        #topBtn:before{display:none;}

        /*768px*/
        #language{padding-left:30px;}

        /*768px*/
        #navbtn{display:block;}
        /*1024px*/
        #nav{margin-left:88px;margin-right:98px;}
        #nav li{padding:23px 3.5%;font-size:16px;}
        /*768px nav*/
        #nav{margin:0;padding:0;position:fixed;left:-100%;top:0;width:100%;height:100%;background-color:#0f225e;overflow-y:auto;-webkit-overflow-scrolling:touch;transition:left .3s;padding-top:66px;}
        #nav.open{left:0;}
        #nav ul{text-align:center;padding:15% 3.125%;}
        #nav li{line-height:68px;font-size:18px;display:block;border-bottom:1px solid rgba(255,255,255,0.29);padding:0;}
        #nav li:last-child{border-bottom:none;}
        #nav a{color:rgba(255,255,255,0.8);}
        #nav a:after{display:none;}
        #nav em{display:none;position:absolute;left:0;top:0;width:100%;height:68px;z-index:2;}
    }
    @media only screen and (max-width:1024px){

        /*1024px*/
        #logo{padding:15px 0;}
        #logo a{width:88px;height:46px;}

        /*1024px*/
        #topBtn{padding:23px 0 23px 30px;}

        /*1024px*/
        #language{font-size:16px;padding-left:25px;padding-right:20px;}

        

        /*1024px*/
        #cityList{width:103%;}
        #cityList .item{width:30.333%;padding-right:3%;padding-bottom:3%;}
        #cityList h2{font-size:18px;padding:9.2px 20px 9.2px 50px;background-size:40px auto;}
        #cityList p{background-size:30px auto;padding-left:40px;line-height:1.875em;}

        /*1024px*/
        .jobSearch .input{border-radius:19px;background-size:auto 15px;padding-left:35px;}
        .jobSearch .placeholder{font-size:14px;}
        .jobSearch .inpText{font-size:14px;height:20px;line-height:20px;}
        .jobSearch .btn{margin-top:2.5%;width:95px;}
        .jobSearch .submit{font-size:14px;border-radius:19px;height:38px;}
        .jobSearch .submit i{background-size:auto 14px;padding-left:20px;}

        /*1024px*/
        .jobStyle .btn{margin-top:0;}

        /*1024px*/
        #pgTitle h2{font-size:24px;}
        #pgTitle p{font-size:14px;line-height:1.875em;}

        /*1024px*/
        #jobTop .name{padding:0 4.5%;}

        /*1024px*/
        .jobMeta .btn a{height:32px;line-height:32px;font-size:14px;}

        /*1024px*/
        #popup h2{font-size:22px;}

        /*1024px*/
        #jobApply .form{width:83.33333333%;}
        #jobApply .submit{width:180px;}

        /*1024px*/
        #pagenavi a{height:0.71250045rem;line-height:0.75000047rem;font-size:0.30000019rem;padding:0 0.27187517rem;}

        /*1024px*/
        #newsDate .date{font-size:16px;}

        /*1024px*/
        .istop h2{font-size:20px;}
        .istop .more a{font-size:14px;height:32px;line-height:34px;width:120px;}

        /*1024px*/
        #newsList .list{width:103%;}

        /*1024px*/
        .newsItem{width:30.333%;padding-right:3%;padding-bottom:3%;}
        .newsItem .date{width:1.22999939rem;}
        .newsItem .date .day{font-size:0.5999997rem;}
        .newsItem h2{font-size:16px;}

        /*1024px*/
        #about .intro{min-height:0;font-size:14px;line-height:1.875em;}

        /*1024px*/
        .abouTitle h2{font-size:24px;}
        .abouTitle p{font-size:16px;}


        /*1024px*/
        #cultureTab .mid{padding:0 2.5%;}
        #cultureTab .item{margin-bottom:3.5%;}
        #cultureTab .dot{padding:3px;}
        #cultureTab .dot i{width:12px;height:12px;}
        #cultureTab .line{height:22px;}
        #cultureTab .line i{height:6px;}

        /*1024px*/
        #cultureInfo h3{font-size:18px;margin-bottom:2.5%;}
        #cultureInfo .intro{font-size:14px;}

        /*1024px*/
        #advantage .inner1680{display:block;}
        #advantage .info{padding:3.5%;display:block;}

        /*1024px*/
        #advPic{display:block;width:auto;}

        /*1024px*/
        #advText h3{font-size:18px;}

        /*1024px*/
        #hmpic h2{font-size:36px;}

        /*1024px*/
        .hmTitle{font-size:24px;text-align:center;}

        /*1024px*/
        #hmNews .slick-load{width:105.20833333%;}
        #hmNews .date{width:1.22999939rem;}
        #hmNews .date .day{font-size:0.5999997rem;}
        #hmNews h4{font-size:18px;}
        #hmNews .item a{margin-top:9%;margin-right:9.88142292%;}

        /*1024px*/
        .hmMore i{padding-right:20px;}
        .hmMore a{height:36px;line-height:36px;width:148px;font-size:14px;}

        /*1024px*/
        .hmBox .inner1680{display:block;}
        .hmBox .text,.hmBox .pic{display:block;text-align:center;width:auto;}

        /*1024px*/
        #hmSol{margin-bottom:10%;}
        #hmSol .pic{width:90%;padding:2.96250185rem 0 2.25000141rem;}
        #hmSol .box{width:98%;padding-bottom:48%;}
        #hmSol .text{display:block;text-align:center;margin-bottom:10%;}
        #hmSol .dot{width:0.28125018rem;padding:0.11250007rem;}
        #hmSol h4{font-size:0.41250026rem;}
        #hmSol li span{padding-left:0.28125018rem;}
        #hmSol li span:before{width:0.09375006rem;height:0.09375006rem;}
        #hmSol .intro{font-size:0.30000019rem;}
        #hmSol .item1{width:5.4375034rem;left:12%;margin-bottom:28%;}
        #hmSol .item1 .dot{margin-bottom:-1%;}
        #hmSol .item2{width:3.18750199rem;margin-bottom:37%;left:61%;}
        #hmSol .item2 .dot{margin-bottom:-1%;}
        #hmSol .item2 .line{width:150%;margin-left:-50%;padding-bottom:103%;}
        #hmSol .item3{width:3.56250223rem;left:86%;margin-bottom:22.5%;}
        #hmSol .item3 .dot{margin-right:75%;}
        #hmSol .item3 .line{width:88%;}
        #hmSol .item4{width:3.18750199rem;left:66%;margin-top:16%;}
        #hmSol .item4 .line{width:150%;margin-left:-50%;padding-bottom:224%;}
        #hmSol .item5{width:5.81250363rem;left:12%;margin-top:24%;}
        #hmSol .item5 .dot{margin-top:-1%;}

        /*1024px*/
        #hmChip{margin:0;}
        #hmChip .text .viewMore {
            margin-top: 20px;
            padding:8px 20px;
        }
    }
    @media only screen and (min-width:768px) and (max-height:720px){

        /*w:768px h:720px*/
        #popup h2{font-size:24px;margin-bottom:3.5%;padding-bottom:2%;}

        /*w:768px h:720px*/
        #jobApply label{font-size:16px;line-height:44px;}
        #jobApply .input{border-radius:22px;}
        #jobApply .text{font-size:16px;padding-top:6px;padding-bottom:6px;}
        #jobApply .upload a{height:44px;line-height:44px;}
        #jobApply .submit{font-size:16px;height:42px;border-radius:21px;width:200px;}
    }
    @media only screen and (max-width:768px){

       

        /*768px*/
        #banner .wap{display:block;}
        #banner .pc{display:none;}
        #banner .pic{padding-bottom:75%;}

        /*768px*/
        #wrapper{padding:8% 0 12%;}

        /*768px*/
        #cityList{width:auto;}
        #cityList .item{float:none;width:auto;padding-right:0;padding-bottom:5%;}
        #cityList .info{padding:10px 15px;}
        #cityList .info:after{height:2px;}
        #cityList .top{padding:10px 0 15px;}
        #cityList h2{font-size:16px;line-height:1.875em;padding:0 15px 0 40px;background-size:30px auto;}
        #cityList h2:after{width:13px;height:18px;}
        #cityList .btm{padding:20px 0 0;}
        #cityList p{background-size:25px auto;padding-left:35px;line-height:25px;font-size:14px;margin-bottom:15px;}

        /*768px*/
        #cityMap{padding-bottom:75%;}

        /*768px*/
        #footer{padding:8% 0;}
        #footer .box{display:block;}
        #footer .td{display:block;}
        #footer .info{padding-left:0;}

        /*768px*/
        #follow{margin:0 auto 3%;}
        #follow .logo{margin-bottom:10%;}
        #follow .text{font-size:12px;}
        #follow .text span{padding-left:22px;}

        /*768px*/
        #pagelist{margin-bottom:3%;}
        #pagelist ul{text-align:center;}
        #pagelist li{font-size:14px;padding:0 3%;margin-right:0;}

        /*768px*/
        #links{margin-bottom:3%;text-align:center;}
        #links h2{font-size:14px;float:none;line-height:2em;}
        #links ul{margin-left:0;font-size:0;line-height:normal;}
        #links li{line-height:2em;font-size:14px;display:inline-block;float:none;padding:0 3%;}

        /*768px*/
        #copyright{font-size:14px;text-align:center;line-height:2em;}

        /*768px*/
        .jobSearch{width:80%;left:10%;margin-bottom:7.5%;}
        .jobSearch .inpItem{display:block;width:auto;margin-bottom:10px;}
        .jobSearch .input{background-position:15px center;background-size:auto 13px;padding-left:35px;}
        .jobSearch .inpText{height:18px;line-height:18px;}
        .jobSearch .btn{margin-top:0;width:100px;}
        .jobSearch .submit{height:32px;border-radius:16px;}
        .jobSearch .submit i{background-size:auto 13px;padding-left:20px;}

        /*768px*/
        .slick-dots button{width:10px;height:10px;}

        /*768px*/
        #pgTitle{margin-bottom:6.5%;}
        #pgTitle h2{font-size:20px;margin-bottom:5px;}

        /*768px*/
        #jobList{padding:3% 3% 5%;}
        #jobList .name{width:auto;}
        #jobList .type{width:17%;}
        #jobList .btn{width:70px;}
        #jobList .addr{width:17.77777778%;}

        /*768px*/
        #jobTop{font-size:14px;padding:3% 0;}
        #jobTop span i{width:2em;margin:0 auto;}
        #jobTop .name i{margin:0;}

        /*768px*/
        .jobMeta{padding:3% 0;}
        .jobMeta li,.jobMeta h3{font-size:14px;line-height:1.75em;}
        .jobMeta .name{padding:0 2.5%;}
        .jobMeta .btn a{height:28px;line-height:28px;font-size:12px;width:auto;}
        .jobMeta .share span{display:block;padding:5px 0;}
        .jobMeta .share span:after{display:none;}
        .jobMeta .share a{width:20px;height:16px;margin:0 auto;}

        /*768px*/
        .jobIntro{font-size:14px;line-height:1.875em;}
        .jobIntro .text{padding:3.5% 0 2.5%;}
        .jobIntro h4{font-size:16px;}

        /*768px*/
        #popup h2{font-size:20px;padding-bottom:3.5%;margin-bottom:5%;}
        #popup .tips{font-size:14px;line-height:1.75em;}

        /*768px*/
        #jobApply .top{padding-top:7%;padding-bottom:2%;}
        #jobApply .btm{padding-top:5%;padding-bottom:6%;}
        #jobApply .form{width:96%;}
        #jobApply label{font-size:14px;line-height:38px;width:70px;}
        #jobApply .input{margin-left:75px;border-radius:19px;}
        #jobApply .text{font-size:14px;line-height:24px;height:24px;}
        #jobApply .submit{width:120px;font-size:14px;height:36px;border-radius:19px;}
        #jobApply .radio{margin-left:75px;}
        #jobApply .radio label{padding:0 10px;}
        #jobApply .upload{width:auto;position:static;margin-left:75px;margin-top:10px;}
        #jobApply .upload a{font-size:14px;height:32px;line-height:32px;background-size:auto 24px;padding-left:30px;float:right;}
        #jobApply .file .input{margin-right:0;}

        /*768px*/
        #pagenavi a{font-size:12px;height:28px;line-height:30px;padding:0 10.5px;margin:1px 5px;}

        /*768px*/
        #newsTop,#newsList{padding:7.5% 0;}

        /*768px*/
        #newsDate{margin-bottom:7.5%;}
        #newsDate .slick-load:before{bottom:11px;}
        #newsDate .date{font-size:14px;height:26px;line-height:26px;}
        #newsDate .dot{width:12px;padding:5px;}
        #newsDate .dot i:before{border-bottom-width:6px;}
        #newsDate .current .date i{font-size:18px;}
        #newsDate .slick-arrow{width:11px;height:20px;}

        /*768px*/
        .istop h2{font-size:18px;margin-bottom:3%;text-align:center;}
        .istop .intro{font-size:14px;line-height:1.875em;}
        .istop .more a{font-size:12px;height:28px;line-height:30px;width:100px;margin:0 auto;}

        /*768px*/
        .newsItem{width:47%;}
        .newsItem .date{width:56px;padding:8px 0;}
        .newsItem .date .day{font-size:20px;}

        /*768px*/
        #loadmore a{font-size:14px;background-size:auto 13px;padding-bottom:15px;}

        /*768px*/
        #about{padding:7.5% 0;}
        #about .inner1680{display:block;}
        #about .video{display:block;margin-bottom:5%;width:auto;}
        #about .text{padding-left:0;}

        /*768px*/
        .abouTitle{margin-bottom:2%;}
        .abouTitle h2{font-size:20px;}
        .abouTitle p{font-size:14px;}

        /*768px*/
        #culture{padding:7.5% 0;}
        #culture .abouTitle{margin-bottom:5%;}

        /*768px*/
        #cultureTop ul{max-width:100%;flex-wrap: wrap;}
        #cultureTop li{display:block;width:auto;padding:0;padding-bottom:3.5%;}
        #cultureTop li:nth-child(1){ margin-left: 0;}
        #cultureTop li:nth-child(2n){width:auto;}
        #cultureTop .icon{width:45px;padding-top:2px;flex-shrink: 0;}
        #cultureTop h3{    margin: 0 4px; white-space: nowrap;}
        #cultureTop p{font-size:14px;line-height:1.75em;white-space: normal;}

        /*768px*/
        #cultureTab .left{width:45px;}
        #cultureTab .mid{padding:0 15px;}
        #cultureTab .item{margin-bottom:3.5%;}

        /*768px*/
        #cultureInfo{width:auto;}
        #cultureInfo .item{float:none;width:auto;padding-right:0;}
        #cultureInfo .text{padding:5% 3.125%;width:93.75%;}
        #cultureInfo .icon{width:60px;}
        #cultureInfo .info{padding:0 3%;}
        #cultureInfo h3{margin-bottom:2%;}
        #cultureInfo .intro{line-height:1.75em;}

        /*768px*/
        #advantage{padding:7.5% 0;}
        #advantage .abouTitle{margin-bottom:3.5%;}
        #advantage .info{padding-bottom:0;}

        /*768px*/
        #advText h3{font-size:16px;}
        #advText h3:after{width:1.5em;}
        #advText p{font-size:14px;}

        /*768px*/
        #advTab h4{font-size:14px;}

        /*768px*/
        #style{padding:7.5% 0;}
        #style .abouTitle{margin-bottom:5%;}
        #style h3{font-size:12px;}
        #style a aside { font-size: 14px; line-height: 1.5;-webkit-line-clamp: 3;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;}
        #style a:hover aside { display: -webkit-box;display: box;}

        /*1280px*/
        #styleTab{margin-bottom:5%;}
        #styleTab span{font-size:14px;background-size:24px auto;line-height:24px;padding-left:30px;margin:0 18px;}
        #styleTab span:after{height:18px;right:-18.5px;}

        /* #styleTab span:hover,
        #styleTab .cur {
          background-position: 0 -24px;
        } */

        /*768px*/
        #home{padding:8% 0;}

        /*768px*/
        #hmpic .pic{padding-bottom:216.53333333%;}
        #hmpic .pc{display:none;}
        #hmpic .wap{display:block;}
        #hmpic .info{margin-top:0;}
        #hmpic h2{font-size:26px;letter-spacing:7px;margin-top:10%}
        #hmpic .btn{margin-top:3%;}
        #hmpic .btn i{background-size:14px 14px;padding-right:20px;}
        #hmpic .btn a{height:32px;line-height:32px;width:120px;}

        /*768px*/
        #next:after{padding-bottom:31.57894737%;margin:8.42105263% auto -15.78947368%;}

        /*768px*/
        .hmTitle{font-size:22px;}

        /*768px*/
        .hmIntro{font-size:16px;}

        /*768px*/
        #hmNews .hmTitle{margin-bottom:7%;}
        #hmNews .slick-load{margin-bottom:7%;width:auto;}
        #hmNews .slick-dots{margin-top:7%;margin-right:0;}
        #hmNews .date{width:56px;margin-top:-5%;padding:8px 0;}
        #hmNews .date .day{font-size:20px;}
        #hmNews .info{padding:15px;}
        #hmNews h4{margin-bottom:2%;}
        #hmNews .excerpt{font-size:14px;line-height:1.75em;height:3.5em;margin-bottom:2%;}
        #hmNews .item a{margin-top:6%;margin-right:0;}

        /*768px*/
        .hmMore i{padding-right:18px;}
        .hmMore a{height:30px;line-height:30px;width:118px;}

        /*768px*/
        #widget a{width:48px;height:45px;line-height:45px;font-size:12px;background-size:auto 18px;}

        /*768px*/
        #hmSol .pic{padding:3.625rem 0;}
        #hmSol .dot{width:0.225rem;padding:0.125rem;}
        #hmSol .td{padding:0.3rem 0.5rem;}
        #hmSol h4{font-size:0.5rem;}
        #hmSol li span{padding-left:0.325rem;}
        #hmSol li span:before{width:0.1rem;height:0.1rem;}
        #hmSol svg{stroke-width:2;}
        #hmSol .intro{font-size:0.35rem;}
        #hmSol .item1{width:6.75rem;left:5%;margin-bottom:28.5%;}
        #hmSol .item1 .dot{left:auto;right:1%;}
        #hmSol .item1 .line{padding-bottom:62%;}
        #hmSol .item2{width:4.25rem;margin-bottom:37%;left:62%;}
        #hmSol .item2 .line{padding-bottom:81%;}
        #hmSol .item2 .dot{left:-32%;}
        #hmSol .item3{width:4.75rem;left:84%;}
        #hmSol .item3 .dot{margin-right:56%;}
        #hmSol .item3 .line{width:65%;}
        #hmSol .item4{width:4.25rem;margin-top:15%;left:67%;}
        #hmSol .item4 .dot{margin-right:34%;}
        #hmSol .item4 .line{padding-bottom:202%;width:154%;margin-left:-54%;}
        #hmSol .item5{width:7rem;left:8%;margin-top:24%;}

        #popBox { padding:10%;background-size: cover;}
        #popBox .content { max-height:340px;padding-right:15px;overflow-y:auto;}
        #popBox h3{ font-size: 18px;}
        #popBox p{font-size: 14px;line-height: 1.5;}
        #popBox .fancybox-close-small {    width: 64px; height: 56px;}

        #QualityList li .text{ line-height: 28px;}
        #QualityList li .text h3, #QualityList li .text h4 { font-size: 16px;}
        #QualityList .slick-dots { bottom: 4%;}
        #QualityList .slick-dots li button { width: 10px; height: 10px;}
    }
    @media only screen and (max-width:540px){

        /*540px*/
        #newsList .list{width:auto;}

        /*540px*/
        .newsItem{float:none;width:auto;padding-right:0;padding-bottom:5%;}
        .newsItem .pic{margin-bottom:5px;}
        .newsItem h2{text-align:center;}
        .newsItem a{padding-top:30px;}
    }